<template>
    <div>
        <component :is="currentDegree"> </component>
    </div>
</template>
<script>
import { getParames } from '../utils/utils';
import {GetResourcesList,UpdateResourcesViewNum} from '@/api/index'
import Small from './com/small';
import Middle from './com/middle';
import Mini from './com/mini';
export default {
    props: {},
    components: { Small,Middle,Mini},
    data() {
        return {
           
        };
    },
    computed: {
        currentDegree(){
            return getParames('type') == '1' ? 'Small' : getParames('type') == '2' ?  'Middle' :'Mini'
        }
    },
    filters: {},
    mounted() {
        // GetResourcesList({type:1,pageindex:1,pagesize:20}).then((res)=>{
        //     console.log(res)
        // })
        // UpdateResourcesViewNum({id:1}).then((res)=>{
        //     console.log(res)
        // })
    },

    methods: {
 
      
    },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.contain{
    // width:100%;
    // height: 100%;
    // background: url(../assets/img/home-top.png) no-repeat #FFF top center;
    // background-size: 100% auto;
    // position: relative;
    // padding-top: 1.9rem;
    // padding-bottom: .4rem;
}



</style>
